<template>
   <p>V-Model</p>
   <el-input v-model="input" placeholder="Please input" />
   <p>input: {{ input }}</p>

   <h2>radio</h2>
   <el-radio-group v-model="radio1" class="ml-4">
      <el-radio label="1" size="large">Option 1</el-radio>
      <el-radio label="2" size="large">Option 2</el-radio>
    </el-radio-group>
    <p>radio1:{{ radio1 }}</p>

    <el-checkbox v-model="checked1" label="Option 1" size="large" />
    <el-checkbox v-model="checked2" label="Option 2" size="large" />

</template>

<script lang="ts" setup>
import { ref } from 'vue'
const input = ref('')
const radio1 = ref('1')
const checked1 = ref(true)
const checked2 = ref(false)

</script>